import * as React from 'react';
interface Props {
  style?: React.CSSProperties;
  onClick?: React.MouseEventHandler<SVGSVGElement>;
}
function SvgComponent(props: Props) {
  const { style } = props;

  return (
    <svg
      xmlns="http://www.w3.org/2000/svg"
      viewBox="0 0 1024 1024"
      width={12}
      height={12}
      style={style}
      onClick={props.onClick}
    >
      <path
        d="M981.333 789.333c0 106.667-85.333 192-192 192H234.667c-106.667 0-192-85.333-192-192V234.667c0-106.667 85.333-192 192-192h381.866V0H234.667C104.533 0 0 104.533 0 234.667v554.666C0 919.467 104.533 1024 234.667 1024h554.666C919.467 1024 1024 919.467 1024 789.333V390.4h-42.667v398.933z"
        fill="#8a8a8a"
      />
      <path
        d="M471.467 552.533c12.8 12.8 32 12.8 44.8 0l499.2-497.066c12.8-12.8 12.8-32 0-44.8-12.8-12.8-32-12.8-44.8 0l-499.2 497.066c-12.8 12.8-12.8 32 0 44.8z"
        fill="#8a8a8a"
      />
    </svg>
  );
}

export default SvgComponent;
